
import {Component} from 'react';
import {Layout, Menu,  Icon} from 'antd';
import {connect} from 'dva';

import Link from 'umi/link';

const {Header, Footer, Sider, Content}  = Layout;
const SubMenu  = Menu.SubMenu;


export default class Workspace  extends Component{
  render(){
    return(
      <Layout>
        <Sider width={120} style={{minHeight:'100vh'}}>
          <Menu theme='dark' mode='inline' defaultSelectedKeys={['reception']}>
            <Menu.Item key="reception">
              <Link to = '/workspace/reception' />
              <span>跟单看板</span>
            </Menu.Item>

            <Menu.Item key="sale">
              <Link to = '/workspace/sale' />
              <span>销售看板</span>
            </Menu.Item>

            <Menu.Item key='receipt'>
              <Link to = '/workspace/receipt' />
              <span>收款计划</span>
            </Menu.Item>

            <Menu.Item key='payment'>
              <Link to = '/workspace/payment' />
              <span> 支出面板 </span>
            </Menu.Item>

            <Menu.Item key="manufaction">
              <Link to = '/workspace/manufaction' />
              <span> 生产面板 </span>
            </Menu.Item>
          </Menu>
        </Sider>
        <Layout>
          <Content>
            {this.props.children}
          </Content>
          <Footer>

          </Footer>
        </Layout>
      </Layout>
    )
  }
}
